<body style="margin: 0;padding: 0;">
<meta charset="UTF-8">
<block name="top">头部</block>
<div style="background-image:;float:left;position: absolute;height: 20%;width: 100%;background-color: green">
<a href="__URL__">首页</a>
<a href="#">个人设置</a>
<a href="#">其他设置</a>
<a href="#">安全退出</a>
</div>

<block name="left">左边</block>
<div style="float:left;position: relative;margin-top:7%;height: 1000px;width: 15%;background-color: blue">
<link rel="stylesheet" href="__PUBLIC__/css/pintuer.css">
<link rel="stylesheet" href="__PUBLIC__/css/admin.css">
<script src="__PUBLIC__/js/jquery.1.3.2.js"></script>
	<div class="leftnav">
		<div class="leftnav-title">
			<strong><span class="icon-list"></span>菜单列表</strong>
		</div>
		
		<!-- 用户管理模块 -->
		<h2>
			<span class="icon-user"></span>个人信息管理
		</h2>
		<ul style="display:block">
		 <!-- 相对于有点问题就是href的问题，因为这是根目录下面的一个admin文件夹，所以要出去
		  之前在wen-inf里面的是直接在根目录下面的
		  -->
			<li><a href="__APP__/Home/Index/test" target="right"><span
					class="icon-caret-right"></span>个人信息</a>
			</li>
			<li><a href="updatePassword.jsp" target="right"><span
					class="icon-caret-right"></span>修改密码</a>
			</li>
		</ul>
		
		
		<!-- 学院信息模块 -->
		<h2>
			<span class="icon-pencil-square-o"></span>用户管理
		</h2>
		<ul>
			<li><a href="../customerInfo" target="right"><span
					class="icon-caret-right"></span>用户信息</a>
			</li>

			<li><a href="addModel.jsp" target="right"><span
					class="icon-caret-right"></span>模块1</a>
			</li>
			<li><a href="../deleteModel" target="right"><span
					class="icon-caret-right"></span>模块2</a>
			</li>
	
		</ul>
		

		
			
	</div>
	
<!-- js内容 -->
<script type="text/javascript">
		$(function() {
		//左边栏的h2被点击就--
			 $(".leftnav h2").click(function() {
			//this切换就行
			 $(this).next().slideToggle(200);
			//其他的有on就拉上去（在拉上去的前后this要删除on类，和添加on类
			 $(this).removeClass("on");
			 //这个时候有是on类的给我都拉上去。
			 $(".on").next().slideUp(200);
			 //为this加一个on
			 $(this).addClass("on");
			});
			
		//如果点击li里面的超链接就
		$(".leftnav ul li a").click(function() {
		//text()方法用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。
		//$("#a_leader_txt").text($(this).text());这句话是为了将下面的xx变成超链接里面的文字
		//<a href="" id="a_leader_txt">xx</a>
			$("#a_leader_txt").text($(this).text());
			//再多加一个功能：点击后换href
			$("#a_leader_txt").attr('href',$(this).attr('href'));
		   //on类的目的是变颜色.leftnav h2.on{ color:#09c;}
			$(".leftnav ul li a").removeClass("on");
			$(this).addClass("on");
		});
		});
</script>
</div>

<block name="right">右边</block>

</body>